<template>
    <div class="box">
        <el-card shadow="hover">
        <template #header>
            <div class="headbox">
            <p>拉框查询结果</p>
            <el-button type="danger"  style="height:25px;width:30px" @click="$emit('closeSearch')">x</el-button>
            </div>
        </template>
        <el-table :data="searchValue" stripe max-height="200" class="tableSearch" >
            <el-table-column fixed label="事件编号" prop="0" width="150" />
            <el-table-column label="事件类型" prop="1" />
            <el-table-column label="事件等级" prop="2" />
            <el-table-column label="发生时间" prop="3" width="150" />
            <el-table-column label="发生地点" prop="4" width="150" />
            <el-table-column label="车牌号" prop="5" />
            <el-table-column label="驾驶员" prop="6" />
            <el-table-column label="处理状态" prop="7" />
            <!-- <el-table-column label="操作" fixed="right" width="100">
            <template #default="scope">
                <el-button type="primary" size="small" @click="handleClick(scope.row)">查看</el-button>
            </template>
            </el-table-column> -->
        </el-table>
    </el-card>
    </div>
</template>

<script setup>
defineProps({
    searchValue: {
        type: Array,
    },
});
const $emits = defineEmits(['closeSearch'])
</script>
<style scoped>
.box {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    
    .headbox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        p {
            font-size: 14px;
            font-weight: 600;
        }
    }
}
</style>
